<template>
	<div class="my-edit-shortcut">
		<shortcut-key-modal v-model:modelShow="modelShow" />
		<n-tooltip trigger="hover">
			<template #trigger>
				<n-button class="scale-btn" secondary size="small" @click="modelShow = true">
					<n-icon size="21" :depth="3">
						<dicom-overlay />
					</n-icon>
				</n-button>
			</template>
			<span>快捷键</span>
		</n-tooltip>
	</div>
</template>

<script setup>
import ShortcutKeyModal from './ShortcutKeyModal.vue';

const modelShow = ref(false);
</script>

<style lang="scss" scoped>
@include b('edit-shortcut') {
	.scale-btn {
		margin: 0 10px 0 0;
		.btn-text {
			font-size: 12px;
			margin-right: 3px;
		}
	}
}
</style>
